<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>产品列表</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/productlists.css"/>
    <link rel="stylesheet" href="../css/overall.css"/>


    <style>
        .navbar-header{
            /*text-align: left;*/
        }

        .return{
            /*left: 0;*/
        }
    </style>
</head>
<body>
    <div class="col-md-12 productlists" style="padding:0px">
        <!--csc版本-->
        <!--<header class="row shop_head">-->
        <!--<a class="back">返回</a>-->
        <!--<div class="placeholder"></div>-->
        <!--<div class="title">产品列表</div>-->
        <!--<a class="shop_share"></a>-->
        <!--<a class="info_search"></a>-->
        <!--</header>-->

        <!--heinz版本-->
        <!--<nav class="navbar navbar-inverse" role="navigation" style="margin:0px">-->
            <!--<button type="button" class="btn btn-default navbar-left"><a href="find.html">返回</a></button>-->
            <!--<span class="title">产品列表</span>-->


        <!--</nav>-->

        <nav class="navbar">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="back btn btn-default"><a href="find.html">返回</a></button>
                    <span class="title">产品列表</span>
                </div>
            </div>
        </nav>





    <div class="productlistsInfoPagelet">
        <div class="row" id="row_height">
            <div class="col-md-4" id="row-img">
                <a href="productdetail.html">
                    <img src="http://pic.baike.soso.com/p/20140324/20140324115247-952442601.jpg"
                         width="90px" height="66px"class="imgFrame">
                </a>
            </div>
            <div class="col-md-8 productlistsPicBg">
                <span class="shop-name">阿里云</span>
                <p>
                    <span class="propertyType">
                        阿里云，阿里巴巴集团旗下云计算品牌，全球领先的云计算技术和服务提供商。
                        创立于2009年，在杭州、北京、硅谷等地设有研发中心和运营机构。
                    </span>
                </p>
                <p><span class="star star-50"></span>
                    <span class="itemNum"> 点评数：<span class="itemNum-val">3919</span>条</span>
                    ¥<span class="price">100</span>/人</p>
                <div class="aboutType">
                    <span class="mainType">杭州</span>
                    <span class="subType">云服务</span>
                </div>
            </div>
        </div>
    </div>
    <ul class="nav nav-tabs">
        <li>
            <a href="#identifier" data-toggle="tab">
                默认排序
            </a>
        </li>
        <li>
            <a href="#identifier" data-toggle="tab">
                价格排序
            </a>
        </li>
        <li>
            <a href="#identifier" data-toggle="tab">
                好评排序
            </a>
        </li>
    </ul>
    <ul class="product_lists">
        <li >
            <div class="productlists_InfoPagelet">
                <div class="row" >
                    <div class="col-md-4" >

                        <a href="productdetail.html" onclick="doSomething();return false">
                            <img src="http://pic.baike.soso.com/p/20140324/20140324115117-907880002.jpg"
                                 width="80px" height="66px"class="imgFrame">
                        </a>
                    </div>
                    <div class="col-md-8 productlistsPicBg">
                        <span class="shop-name">ECS服务器</span>
                        <p>
                    <span class="propertyType">
                        云服务器（Elastic Compute Service，简称ECS）是一种简单高效、处理能力可弹性伸缩的计算服务，
                        帮助您快速构建更稳定、安全的应用，提升运维效率，降低IT成本，使您更专注于核心业务创新。
                    </span>
                        </p>
                        <p><span class="star star-50"></span>
                            <span class="itemNum"> 点评数：<span class="itemNum-val">3919</span>条</span>
                            ¥<span class="price">100</span>/人</p>
                        <div class="aboutType">
                            <span class="mainType">杭州</span>
                            <span class="subType">云服务</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
        </li>
        <li >
            <div class="productlists_InfoPagelet">
                <div class="row" >
                    <div class="col-md-4" >
                        <a href="productdetail.html">
                            <img src="http://pic.baike.soso.com/p/20140324/20140324115117-907880002.jpg"
                                 width="80px" height="66px"class="imgFrame">
                        </a>
                    </div>
                    <div class="col-md-8 productlistsPicBg">
                        <span class="shop-name">ECS服务器</span>
                        <p>
                    <span class="propertyType">
                        云服务器（Elastic Compute Service，简称ECS）是一种简单高效、处理能力可弹性伸缩的计算服务，
                        帮助您快速构建更稳定、安全的应用，提升运维效率，降低IT成本，使您更专注于核心业务创新。
                    </span>
                        </p>
                        <p><span class="star star-50"></span>
                            <span class="itemNum"> 点评数：<span class="itemNum-val">3919</span>条</span>
                            ¥<span class="price">100</span>/人</p>
                        <div class="aboutType">
                            <span class="mainType">杭州</span>
                            <span class="subType">云服务</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
        </li>
        <li >
            <div class="productlists_InfoPagelet">
                <div class="row" >
                    <div class="col-md-4" >
                        <a href="productdetail.html">
                            <img src="http://pic.baike.soso.com/p/20140324/20140324115117-907880002.jpg"
                                 width="80px" height="66px"class="imgFrame">
                        </a>
                    </div>
                    <div class="col-md-8 productlistsPicBg">
                        <span class="shop-name">ECS服务器</span>
                        <p>
                    <span class="propertyType">
                        云服务器（Elastic Compute Service，简称ECS）是一种简单高效、处理能力可弹性伸缩的计算服务，
                        帮助您快速构建更稳定、安全的应用，提升运维效率，降低IT成本，使您更专注于核心业务创新。
                    </span>
                        </p>
                        <p><span class="star star-50"></span>
                            <span class="itemNum"> 点评数：<span class="itemNum-val">3919</span>条</span>
                            ¥<span class="price">100</span>/人</p>
                        <div class="aboutType">
                            <span class="mainType">杭州</span>
                            <span class="subType">云服务</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
        </li>
        <li >
            <div class="productlists_InfoPagelet">
                <div class="row" >
                    <div class="col-md-4" >
                        <a href="productdetail.html">
                            <img src="http://pic.baike.soso.com/p/20140324/20140324115117-907880002.jpg"
                                 width="80px" height="66px"class="imgFrame">
                        </a>
                    </div>
                    <div class="col-md-8 productlistsPicBg">
                        <span class="shop-name">ECS服务器</span>
                        <p>
                    <span class="propertyType">
                        云服务器（Elastic Compute Service，简称ECS）是一种简单高效、处理能力可弹性伸缩的计算服务，
                        帮助您快速构建更稳定、安全的应用，提升运维效率，降低IT成本，使您更专注于核心业务创新。
                    </span>
                        </p>
                        <p><span class="star star-50"></span>
                            <span class="itemNum"> 点评数：<span class="itemNum-val">3919</span>条</span>
                            ¥<span class="price">100</span>/人</p>
                        <div class="aboutType">
                            <span class="mainType">杭州</span>
                            <span class="subType">云服务</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
        </li>
        <li >
            <div class="productlists_InfoPagelet">
                <div class="row" >
                    <div class="col-md-4" >
                        <a href="productdetail.html">
                            <img src="http://pic.baike.soso.com/p/20140324/20140324115117-907880002.jpg"
                                 width="80px" height="66px"class="imgFrame">
                        </a>
                    </div>
                    <div class="col-md-8 productlistsPicBg">
                        <span class="shop-name">ECS服务器</span>
                        <p>
                    <span class="propertyType">
                        云服务器（Elastic Compute Service，简称ECS）是一种简单高效、处理能力可弹性伸缩的计算服务，
                        帮助您快速构建更稳定、安全的应用，提升运维效率，降低IT成本，使您更专注于核心业务创新。
                    </span>
                        </p>
                        <p><span class="star star-50"></span>
                            <span class="itemNum"> 点评数：<span class="itemNum-val">3919</span>条</span>
                            ¥<span class="price">100</span>/人</p>
                        <div class="aboutType">
                            <span class="mainType">杭州</span>
                            <span class="subType">云服务</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="divider_line"></div>
        </li>
    </ul>
    </div>


    <script>
        $(function(){
            var row_height = $("#row_height").height();
            var top = row_height/2 - 33;
            $("#row-img").css("margin-top",top);
        });
    </script>
</body>
</html>